﻿{include file="base/header"}
<link rel="stylesheet" type="text/css" href="/static/css/css_1.css?v=0.0.9"/>
<style>	
.location{max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    max-height: 999999px;}
</style>	

<div class="swiper banner clear">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <img src="{$info.img}" />
    </div>
  </div>
  <script>
    var banner = new Swiper(".banner", {
      pagination: {
        el: ".banner .swiper-pagination",
		clickable: true,
      },
	  //autoplay: {
//		pauseOnMouseEnter: true,
//		disableOnInteraction: false,
//	  },
	  //effect:'fade'
	  on:{
		init: function(){swiperAnimate(this);}, 
		slideChange: function(){ swiperAnimate(this);} 
	  },
    });
  </script>
</div>
<!-- <div class="location">您的位置：<a href="/">主页</a> 
	{volist name="info.navigation" id="vo"}
	&gt; <a href="{:url('cate/index',['cid'=>$vo['id']])}">{$vo.title}</a>
	{/volist}
</div> -->
{volist name="cate_tree" id="vo"}

{if condition="$key eq 0"}
<div class="w cooperate1 wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="c_tit">{$vo.title}</div>
  <div class="cooperate1_c">
    <p>{$vo.title_fu}</p>
    <ul class="comflex">
		{sp:articles cid="$vo['id']" id="vo1" field='a_id,title,img' order="sort asc,a_id asc"}
		<li><img src="{$vo1.img}" /><p>{$vo1.title}</p></li>
		{/sp:articles}
    </ul>
    <p>{$vo.info|raw}</p>
  </div>
</div>

{elseif condition="$key eq 1"}

<div class="cooperate2 wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="w">
    <div class="c_tit">{$vo.title}</div>
    <div class="cooperate2_c comflex">
      <div class="cooperate2_lf comflex2">
        <ul>
		  <form id="tjform" action="{:url('Index/tjForm')}" method="post">
          <li><em>*姓名：</em><input class="c_intxt"  name="realname" type="text" placeholder="请输入您的真实姓名方便客服联系您" /></li>
          <li><em>*联系电话：</em><input class="c_intxt"  name="tel" type="text" placeholder="请输入您的手机号或座机号" /></li>
		  <input type="hidden" name="type" value="2">
          <li><input  id="tj_btn" class="c_inbut" type="button" value="我要销毁" /></li>
		  </form>
        </ul>
      </div>
      <div class="cooperate2_rt">
        <img src="{$config.ewm}" />
        <p><em class="i1">{$config.tel}</em></p>
        <p><em class="i2">{$config.phone}(微信同号)</em></p>
      </div>
    </div>
  </div>
	<div class="cooperate3 wow fadeInUp clear" style="background: url({$vo.img}) center top no-repeat;">
	  <div class="w"><img src="/static/images/ads_df.png" /></div>
	</div>
</div>
{/if}

{/volist}
	

<script type="text/javascript" src="/js/layer/layer.js"></script>
<script>

	$("#tj_btn").click(function(e){
		var url = $("#tjform").attr('action');
		var formData = $("#tjform").serialize();
		$("#tj_btn").attr('disabled',true);
		$.post(url,formData,function(data){
			if(data.code == 1){
				layer.msg(data.msg,{icon:1,time:1500},function(){
					window.location.reload();
				});
			}else{
				layer.msg(data.msg,{icon:2,time:1500},function (){
					$("#tj_btn").attr('disabled',false);
				});
				return false;

			}
		},'json');
		return false;
	});
</script>
{include file="base/footer"}